<template>
  <!-- 内容 -->
  <el-main>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item>{{$route.meta.title}}</el-breadcrumb-item>
    </el-breadcrumb>
    <router-view></router-view>
  </el-main>
</template>

<script>
import home from "@/views/home.vue";
export default {
  data() {
    return {};
  },
  created() {},
  watch: {},
  methods: {},
  components: { home }
};
</script>

<style scoped lang="scss">
.el-main {
  background-color: #fff;
  color: #333;
}
.el-breadcrumb {
  height: 10px;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  .el-breadcrumb__item {
    display: inline-block;
    border-left: 3px solid #31c17b;
    padding-left: 10px;
  }
}

</style>
